:host {
  --ti-labeleditor-icon-line-height: 28px;
}
.ti3-labeleditor-icon {
  vertical-align: top;
  line-height: var(--ti-labeleditor-icon-line-height); // 和input 高度相同
  margin-left: var(--ti-common-space-2x);
  font-size: var(--ti-common-size-3x);
  cursor: pointer;
}
.ti3-icon-confirm {
  color: var(--ti-common-color-success);
}
.ti3-icon-cancel {
  color: var(--ti-common-color-error);
}

.ti3-confirm-disabled.ti3-icon-confirm {
  color: var(--ti-common-color-icon-disabled);
  cursor: not-allowed;
}

.ti3-labeleditor-container {
  position: relative;
  display: inline-block;
}
.ti3-labeleditor-textarea-container {
  display: inline-block;
}

.ti3-labeleditor-icon-container .ti3-labeleditor-icon {
  vertical-align: middle;
}

.ti3-editor-icon,
::ng-deep span[tiOverflowEndicon] {
  font-size: var(--ti-common-size-4x);
  margin-left: var(--ti-common-space-2x);
  color: var(--ti-common-color-icon-normal);
  cursor: pointer;
  &:hover {
    color: var(--ti-common-color-icon-hover);
  }
}

// 校验失败提示需要换行呈现
.ti3-editor-errorMessageWrapper {
  line-height: 16px;
  display: block;
}

// 禁用样式
:host[disabled] {
  .ti3-editor-icon,
  ::ng-deep span[tiOverflowEndicon] {
    color: var(--ti-common-color-icon-disabled);
    cursor: not-allowed;
  }
}

:host {
  word-wrap: break-word;
  word-break: break-word;
}

:hostti-labeleditor.ti3-labeleditor-editing {
  white-space: nowrap;
  line-height: 0; // 编辑状态，同步失焦校验 异步校验消除中间的空白
}
